.empty{
    width: 100%;
    height: 1rem;
}
/* main */
.main{
    padding-top: .3467rem;
    width: 100%;
    padding-left: .2933rem;
    /* outline: 1px solid red; */
}
.main>li{
    width: 100%;
    padding-bottom: .2667rem;
    /* outline: 1px solid red; */
}
.main>li>a{
    display: flex;
    /* padding: .2133rem 0rem; */
}
.common{
    width: 1.1733rem;
    height: 1.1733rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* outline: 1px solid red; */
}
.tupian1{
    background: #5c99ec;
}
.tupian2{
    background: #FEA200;
}
.common>img{
    width: 70%;
}
.tupian3>img{
    width: 100%;
    border-radius: 100%;
}
.text{
    flex: 1;
    padding-left: .4rem;
    padding-right: .32rem;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
    /* outline: 1px solid red; */
}
.text>p{
    color: #3a3a3a;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.text>p:nth-of-type(1)>span:nth-of-type(2){
    font-size: 12px;
    color: #707070;
}
.text>p:nth-of-type(2){
    margin-top: .1067rem;
    margin-bottom: .32rem;
}
.text>p:nth-of-type(2)>span:nth-of-type(1){
    display: inline-block;
    width: 66%;
    font-size: 12px;
    color: #939393;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* outline: 1px solid red; */
}
.hongdian{
    display: inline-block;
    width: .2133rem;
    height: .2133rem;
    background: #f00;
    border-radius: 100%;
    /* outline: 1px solid red; */
}
#xiaoxi{
    color: #000;
}